<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <!-- import CSS -->
    <link rel="stylesheet" href="https://cdn.staticfile.org/element-ui/2.15.9/theme-chalk/index.css">
    <style>
        body {
            font: 14px/1.231 'Microsoft YaHei', arial, helvetica, clean, sans-serif;
            color: #333;
            margin: 0;
            line-height: 1.5;
        }

        .zhinanleft {
            width: 230px;
            height: 100px;
            background-color: pink;
            margin-top: 10px;
            float: left;
        }

        .zhinanright {
            width: 230px;
            height: 100px;
            background-color: pink;
            margin-top: 10px;
            float: right;
        }

        .img {

        }

    </style>
</head>
<body>
<div id="app">
    <el-container>
        <el-header height="120px" style="margin: 10px 0 10px 0">
            <div>
                <img src="imges/logo1.png"
                     style=" width:358px;height: 100px; position: absolute;left: 150px;margin-bottom: 10px">
                <span style=" position: absolute;right: 269px">
                <a href="">服务热线:029-96999</a>
                <a href="">JCl认证 /</a>
                <a href="">资质查询 /</a>
                <a href="">人力资源 /</a>
                    </span>
            </div>
        </el-header>
        <el-main style="margin: 0 auto ;margin-top: -50px">
            <div>
                <span style="float: left;margin-left:60px;">
                    <a style="font-size: 16px;color: #333333;margin-right: 30px" href="">健康医院</a>
                      <a style="font-size: 16px;color: #333333;margin-right: 30px" href="">医院文化</a>
                        <a style="font-size: 16px;color: #333333;margin-right: 30px" href="">政策法规</a>
                            <a style="font-size: 16px;color: #333333;margin-right: 30px" href="">院务公开</a>
                       <a style="font-size: 16px;color: #333333;margin-right: 30px" href="">护理园地</a>
                      <a style="font-size: 16px;color: #333333;margin-right: 30px" href="">医疗规格</a>
                       <a style="font-size: 16px;color: #333333;margin-right: 30px" href="">专家风采</a>
                    <a style="font-size: 16px;color: #333333;margin-right: 30px" href="">医教研</a>
                     <a style="font-size: 16px;color: #333333;margin-right: 30px" href="">专科介绍</a>
                    <a style="font-size: 16px;color: #333333;margin-right: 30px" href="">就医指南</a>
                      <a style="font-size: 16px;color: #333333;margin-right: 30px" href="">新闻中心</a>
                       <a style="font-size: 16px;color: #333333;margin-right: 30px" href="">医院概况</a>
                       <a style="font-size: 16px;color: #333333;margin-right: 30px;margin-left: 80px"
                          href="">网站首页</a>
               </span>
            </div>
            <div>
                <img src="http://www.imc-xa.cn/upload/20191212/201912120224086715.jpg"
                     style="width: 100%;height: 270px;margin-top: 20px" alt="">
                </div>
                <div>
                    <span style="float: left; margin-left: 130px">
                    <a style="font-size: 14px;text-decoration: none" href="">首页></a>
                     <a style="font-size: 14px;text-decoration: none" href="">就医指南></a>
                       <a style="font-size: 14px;text-decoration: none" href="">交通指南></a>
                </span>
                </div>
            </el-main>
            <el-main>
                <div style="width: 100%;height: 423px;padding-top: 30px;">
                    <div style="width: 1200px;height: 393px;padding-left: 50px">
                        <div style="width: 245px;height:362px ;position: absolute" >
                            <el-card style="width: 224px;height: 94px;background-color: #e9739b;margin:0 auto 36px 20px;
                            padding-right: 20px">
                                <p style="font-size: 18px;color: white;text-align: center">预约挂号</p>
                            </el-card>
                            <el-card style="width: 224px;height: 94px;background-color: #e9739b;margin-left: 20px;
                            padding-right: 20px">
                                <p style="font-size: 18px;color: white;text-align: center">就医流程</p>
                            </el-card>
                            <el-card style="width: 224px;height: 94px;background-color: #e9739b;margin: 36px auto auto 20px ;
                            padding-right: 20px">
                                <p style="font-size: 18px;color: white;text-align: center">门诊须知</p>
                            </el-card>
                        </div>
                        <div style="width: 680px;height: 360px;margin:auto 300px;position: absolute">
                                <img src="imges/xgt.jpg" alt="">
                        </div>
                        <div style="width: 245px;height:135px;margin-left: 1000px">
                            <el-card style="width: 224px;height: 94px;background-color: #e9739b;margin:0 auto 36px 20px;
                            padding-right: 20px">
                                <p style="font-size: 18px;color: white;text-align: center">出入院须知</p>
                            </el-card>
                            <el-card style="width: 224px;height: 94px;background-color: #e9739b;margin-left: 20px;
                            padding-right: 20px">
                                <p style="font-size: 18px;color: white;text-align: center">体检服务</p>
                            </el-card>
                            <el-card style="width: 224px;height: 94px;background-color: #e9739b;margin:36px auto auto 20px;
                            padding-right: 20px">
                                <p style="font-size: 18px;color: white;text-align: center">交通指南</p>
                            </el-card>
                        </div>
                    </div>
                </div>
                <div style="width: 100%;height: 415px;background-color: #f8f8f8">
                    <h2 style="color: #e9739b;text-align: center;padding: 50px">交通指南</h2>
                    <p style="margin-left: 50px;font-size: 16px">
                        京海龙龙整形医院地址：西安市高新区西太路<br>1、公交路线乘坐337路、330路、929路、高新6号线和高新7号线可直达京海龙龙整形医院。
                        <br>地铁6号线京海龙龙中心站下，C口出闸，通过地下连通道直达主楼地下二层。<br>车辆停放<br>由西太路进入医院地下停车场
                    </p>
                </div>
            </el-main>
            <el-footer>
                <el-col span="12">
                    <el-row style="overflow: unset">
                        <el-col span="8" style="text-align: center"><img src="imges/ewm.jpg"><br>京海龙龙美容整形<br>医院微官网
                        </el-col>
                        <el-col span="8" style="text-align: center"><img src="imges/ewm.jpg"><br>京海龙龙美容整形<br>医院订阅号
                        </el-col>
                        <el-col span="8" style="text-align: center"><img src="imges/ewm.jpg"><br>京海龙龙美容整形<br>医院服务号
                        </el-col>
                    </el-row>
                </el-col>
                </el-row>
                <h5 style="text-align: center;font-weight: normal">备案号：陕ICP备19005307号 Copyright © 西安国际医学中心
                    版权所有</h5>
            </el-footer>
    </el-container>

</div>
</body>
<!-- import Vue before Element -->
<script src="https://cdn.staticfile.org/vue/2.6.14/vue.min.js"></script>
<!-- import JavaScript -->
<script src="https://cdn.staticfile.org/element-ui/2.15.9/index.min.js"></script>
<script>
    let v = new Vue({
        el: '#app',
        data: function () {
            return {}
        },
        methods: {}
    })
</script>
</html>